<script lang="tsx" setup>
  import { ref } from 'vue'

  const count = ref(0)

  const handleClick = () => {
    count.value++
  }

  const btn = () => (
    <button
      class="px-4 py-2 bg-blue-500 text-white rounded"
      onClick={handleClick}
    >
      hello<span class="text-red-500 font-bold ml-2">{count.value}</span>
    </button>
  )
</script>

<template>
  <div class="p-4 bg-white rounded-lg shadow-md">
    <btn />
  </div>
</template>
